<template>
  <div class="personalCenter">
      <el-header height="200px">
        <div class="title">
          <h3><i class="el-icon-user"> 个人信息</i></h3>
        </div>
        <PersonInfo ref="personInfo"></PersonInfo>
        <div class="title">
          <h3><i class="el-icon-alarm-clock"> 历史预约</i></h3>
        </div>
        <BookingHistory></BookingHistory>
      </el-header>
  </div>
</template>
<script>
import BookingHistory from '../common/center/BookingHistory'
import PersonInfo from '../common/center/PersonInfo'

export default {
  name: 'StudentCenter',
  components: {BookingHistory, PersonInfo}
}
</script>
<style>
.el-main {
  margin: 0;
  padding: 0 30px 0 0;
}

.el-header {
  margin: 30px 10px;
}

.title {
  text-align: left;
  text-indent: 1em;
  color: #9495c5;
}

</style>
